<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>
    <!-- 椭圆运动营改采用先为正圆运动然后加一个方向移动的方案
    （注意移动的方向应该为椭圆长的方向。） -->
    <div class="dreamBox">
      
      <div class="sun"></div>

      <div class="MercuryRound">
      </div>
      <div class="Mercury-wrapping">
        <div class="Mercury">
        </div>
      </div>

      <div class="VenusRound">
      </div>
      <div class="Venus-wrapping">
        <div class="Venus">
        </div>
      </div>

      <div class="EarthRound">
      </div>
      <div class="Earth-wrapping">
        <div class="Earth">
        </div>
      </div>

      <div class="MarsRound">
      </div>
      <div class="Mars-wrapping">
        <div class="Mars">
        </div>
      </div>

      <div class="JupiterRound">
      </div>
      <div class="Jupiter-wrapping">
        <div class="Jupiter">
        </div>
      </div>

      <div class="SaturnRound">
      </div>
      <div class="Saturn-wrapping">
        <div class="Saturn">
        </div>
      </div>

      <div class="UranusRound">
      </div>
      <div class="Uranus-wrapping">
        <div class="Uranus">
        </div>
      </div>

      <div class="NeptuneRound">
      </div>
      <div class="Neptune-wrapping">
        <div class="Neptune">
        </div>
      </div>

    </div>
  </body>
</html>
